* { padding: 0; margin: 0; box-sizing: border-box; }

html, body { height: 100%; }

body {
    background-image: url("../images/2.gif");
    background-color: #eee;
    background-size: 100% 100%;
    background-position: center center;
    overflow: auto;
    font-family: "Helvetica Neue", "PingFang SC", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", sans-serif; }
p{
    margin-top: 35px;
}
#app { max-width: 600px; height: 100%; margin: 0 auto; }

.header { padding-top: 20px; margin-bottom: 20px; }

.title { margin-bottom: 20px; font-size: 22px; color: #484848; text-align: center; }

.desc { margin-bottom: 20px; color: #898989; font-size: 16px; text-align: center; }

.couplet-button_group { position: relative; margin: 0 auto; max-width: 600px; width: 90%; height: 60px; font-size: 0; border-radius: 3px; overflow: hidden; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.couplet-button_group::after { content: " "; display: table; clear: both; }
.couplet-button_group .couplet-input { width: 85%; padding-left: 10px; padding-right: 110px; height: 60px; line-height: 40px; background-color: #fff; border: none; font-size: 20px; }
.couplet-button_group .couplet-btn { position: absolute; top: 0; right: 0; width: 60px; height: 60px; line-height: 20px;  background-image: url("../images/button.gif"); color: #fff; outline: none; border: none;}

.content { padding: 0 50px; margin: 0 auto; max-width: 600px; min-height: 160px; }

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { .content { min-height: 160px; } }
@media (device-height: 667px) and (-webkit-min-device-pixel-ratio: 2) { .content { min-height: 180px; } }
@media (device-height: 736px) and (-webkit-min-device-pixel-ratio: 2) { .content { min-height: 200px; } }
.couplet-text { 
	margin-bottom: 100px;
	margin-top:80px;
	display: flex;
}
.couplet-text .couplet-hd { height:30px;width: 45px; background-image: url("../images/4.gif");  }
.couplet-text .couplet-hd1 { height:30px;width: 45px; background-image: url("../images/5.gif");  }
.couplet-text .couplet-bd { flex: 1;  }
.couplet-text span { margin-right: 5px; margin-bottom: 5px; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; font-size: 24px;background-image: url("../images/1.gif"); vertical-align: middle;background-repeat: no-repeat; background-size: cover; }




@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }

.article {
  padding: 30px;
}

.article div {
  margin: 20px;
}

.article img {
  width: 40%;
  margin-left: 30%;
}